//头部
.mmm_header {
  display: flex;

  .header-logo,
  .header-link {
    width: 2rem;
  }

  h1.middle {
    flex: 1;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 700;
  }
}

//内容部分
.mmm_inner {
  .inner-items {
    padding: .28rem .16rem;
    border-bottom: 1px solid #f1f1f1;

    a {
      display: flex;

      img {
        height: 4rem;
        width: 4rem;
      }

      .item-text {
        flex: 1;
        padding-left: 2em;

        .main-info {
          font-size: .64rem;
          height: 3rem;

          .pinkage {
            color: red;
          }
        }

        .bot-info {
          font-size: .44rem;
          color: #a1a1a1;
        }
      }
    }
  }

  .more {
    display: block;
    line-height: 30px;
    background: #F4F4F4;
    text-decoration: none;
    font-size: .26rem;
    background-image: linear-gradient(#fff, #f4f4f4);
    margin: .2rem;
    border: 1px solid #ddd;
    border-radius: .08rem;
    text-align: center;
  }
}

//分页器
.mmm_page {
  text-align: center;
  margin-top: .2rem;
  height: 1.44rem;
  line-height: 1.44rem;
  display: flex;

  &>span {

    flex: 1;


    a {
      background-color: #d4d4d4;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#d4d4d4));
      border-bottom: 1px solid #bababa;
      border-radius: .1rem;
      line-height: .64rem;
      padding: .16rem .4rem;
      font-size: .46rem;
    }

    select {
      background-color: rgb(248, 248, 248);
      border: 1px solid #bababa;
      font-size: .48rem;
      padding: .16rem .3rem;
      margin-top: .2rem;
    }
  }
}